19 Great JavaScript New Image Demos
1. jSliderPro
jSliderPro gives the option to set an image for navigation buttons and bullets.On-the-fly image resize and clip.Javascript callbacks to interface with other programs.
No need for any JavaScript function call.Default properties can be modified easily within one JavaScript function call.
Panoramic is a JavaScript slideshow library allows you to use Google Street View in the background of the web page.For desktops devices panoramas can rotate automatically, for mobile device shows a static image of this panorama.
Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global. It has support for image cropping, true to proportion flickr api image sizes and perfect image alignment. Is there an image animation style that is missing? No problem. You could extend the image method library by adding your own methods, which could, lets say, rotate an image as it slides into position. All the little things like gallery and image creation is handled by the plugin, you only have to specify the url for each image. So verbose in fact that you can extend parts of it to do things in completely new ways. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery. Spectrum has cool gallery cover option, which allows you to use a single image, as the cover of the gallery. There will be plenty of sweet stuff down the road for us, my friend, and I’m not just talking about bug fixes! I’m talking big updates, with new features and awesome stuff.Image Binding
Image Gallery with Vertical Thumbnail Navigator
No-Jquery minimum 15KB javascript code by smart compression. Javascript code deep compression by smart compression engine
Smart Image Tooltip is easy to use and setup plugin that can show images as tooltips for thumbnails or normal links. It requires JavaScript and jQuery support to work.Basic: shows just an image with no extra styling
Simple: image with simple and clean dark border
Caption: image and caption underneath
Envato: image with extra information similar to Envato product tooltips
Preload image before displaying tooltip
Added: option – wait for image to load
Settings are made with javascript.Using Fancybox Image, Dribbble thumbnails and flickr thumbnails uses Lightbox
This script is a pure javascript/jQuery solution and does not require a PHP server.No need for PHP unless internal image scaler is utilized; an external (web based) image scaling service is utilized by default
This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added 2nd Cloud based Image Scaling Service to create Thumbnails
Updated Link to new Manual
Updated Manual and new Help & Support Forum
just a little bit of of JavaScript or Flash wizardry, these tools allowed websites to pick and use any font they pleased, and there
This takes web typography to a whole new level, as you are no longer limited to using just one
flat color for styling HTML forms blocks, but any image or video file you want. The image or video overlays can be further enhanced with
The script work much in the same way as cufon does, by taking text and transforming it into a live image using the canvas tag,
Javascript configuration settings.
<script type="text/javascript" src="http://code. <script type="text/javascript" src="Animo. <script type="text/javascript" src="nex. new Nex(params); and inside of it you can pass an object with customization params
<script type="text/javascript" src="https://maps.Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia.Different Content types: image, video, map
IMCrypt is an image protection script that basically scrambles and descrambles images you choose on your website so that they can be easily viewed, but not as easily downloaded. This is accomplished by “encrypting” the image one-time on the server side using PHP and “decrypting” it when the client needs it through a piece of Javascript.Javascript to be enabled (of course)
Narsis cover is highly customizable CSS3 animation effects for image hover.All HTML5, CSS3 and JavaScript codes are fully validated and cleaned. We used these photodune images for demo filesPhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune ImagePhotoDune Image
Fast CSS3 & JavaScript engine. Original media lightbox that we have coded, with image, vimeo, youtube or iframe support.
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Deactivate and Activate Features through Javascript Options
New version 1.No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of the image could be cut;
Social sharing: each image can be shared using Twitter.CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;
16. Image Crop
The UI differs from other croppers, here you may drag the image into position and even resize it. The UI differs drastically from traditional image croppers. For example, if the image proporations do not scale to the predetermined aspect ratio, then the image will automatically zoom in until it does scale. You haven’t got to touch any JavaScript.php file, where the image is cropped using imagemagick.
Include just one javascript and css file in your html, create your own skin with the PSD file included (slices are ready to publish the skin directly), and you’re all set.image: null, // image path
js" type="text/javascript"></script>
No Need to add JavaScript code for jQuery Sliders.ItemTitle (Displays the image caption)
ItemMediaUrl (The src/url of image)
This script is a pure javascript/jQuery solution and does not require a PHP server.No need for PHP unless internal image scaler is utilized; an external (web based) image scaling service is utilized by default
This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added 2nd Cloud based Image Scaling Service to create Thumbnails
Updated Link to new Manual